import { ArrowLeft } from 'lucide-react';
import { Button } from '../components/Button';
import { usePageTitle, PAGE_TITLES } from '../lib/usePageTitle';

export function PrivacyPage() {
  usePageTitle(PAGE_TITLES.PRIVACY);
  
  return (
    <div className="w-full bg-[#0a2540] text-white min-h-screen">
      <div className="container mx-auto px-4 md:px-8 py-16">
        <div className="max-w-4xl mx-auto">
          <div className="mb-8">
            <Button 
              href="/" 
              variant="secondary" 
              size="sm"
              className="mb-4 flex items-center"
            >
              <ArrowLeft size={16} className="mr-2" />
              Back to Home
            </Button>
            <h1 className="text-4xl md:text-5xl font-bold mb-4">
              Privacy Policy
            </h1>
            <p className="text-xl text-gray-300">
              Last updated: August 31, 2025
            </p>
          </div>

          <div className="prose prose-invert prose-lg max-w-none">
            <section className="mb-8">
              <h2 className="text-2xl font-bold mb-4 text-[#06d6a0]">Cookie Usage</h2>
              <p className="text-gray-300 mb-4">
                VitaIncubator uses cookies to improve your browsing experience. Cookies are small text files 
                stored on your device that help us understand how you use our website.
              </p>
              
              <h3 className="text-xl font-semibold mb-3">Types of cookies we use:</h3>
              <div className="space-y-4">
                <div className="bg-[#061a2c] p-4 rounded-lg">
                  <h4 className="font-semibold text-[#06d6a0] mb-2">Essential Cookies</h4>
                  <p className="text-gray-300 text-sm">
                    These cookies are necessary for the basic functionality of the website, including security 
                    features and accessibility. You cannot disable these cookies.
                  </p>
                </div>
                
                <div className="bg-[#061a2c] p-4 rounded-lg">
                  <h4 className="font-semibold text-blue-400 mb-2">Functional Cookies</h4>
                  <p className="text-gray-300 text-sm">
                    These cookies enable the website to provide enhanced functionality and personalization, 
                    such as remembering your preferences and settings.
                  </p>
                </div>
                
                <div className="bg-[#061a2c] p-4 rounded-lg">
                  <h4 className="font-semibold text-yellow-400 mb-2">Analytics Cookies</h4>
                  <p className="text-gray-300 text-sm">
                    These cookies help us understand how visitors interact with the website, 
                    allowing us to improve website performance and user experience.
                  </p>
                </div>
              </div>
            </section>

            <section className="mb-8">
              <h2 className="text-2xl font-bold mb-4 text-[#06d6a0]">Data Collection</h2>
              <p className="text-gray-300 mb-4">
                The types of information we collect include:
              </p>
              <ul className="list-disc pl-6 text-gray-300 space-y-2">
                <li>Your browser type and version</li>
                <li>The date and time of your visit to our website</li>
                <li>The pages and content you view</li>
                <li>Your IP address (anonymized)</li>
                <li>Referring website information</li>
              </ul>
            </section>

            <section className="mb-8">
              <h2 className="text-2xl font-bold mb-4 text-[#06d6a0]">Your Rights</h2>
              <p className="text-gray-300 mb-4">
                You have the right to:
              </p>
              <ul className="list-disc pl-6 text-gray-300 space-y-2">
                <li>Withdraw consent for cookies at any time</li>
                <li>Request deletion of personal data we hold about you</li>
                <li>Request correction of inaccurate personal data</li>
                <li>Request restriction of processing of your personal data</li>
              </ul>
            </section>

            <section className="mb-8">
              <h2 className="text-2xl font-bold mb-4 text-[#06d6a0]">Managing Cookie Settings</h2>
              <p className="text-gray-300 mb-4">
                You can manage cookies through the following methods:
              </p>
              <div className="bg-[#061a2c] p-4 rounded-lg">
                <button
                  onClick={() => {
                    localStorage.removeItem('cookie-consent');
                    localStorage.removeItem('cookie-preferences');
                    window.location.reload();
                  }}
                  className="bg-[#06d6a0] text-[#0a2540] px-4 py-2 rounded-lg font-medium hover:bg-[#05c294] transition-colors"
                >
                  Reset Cookie Preferences
                </button>
                <p className="text-sm text-gray-400 mt-2">
                  Clicking this button will clear your current cookie settings and redisplay the cookie banner on your next visit.
                </p>
              </div>
            </section>

            <section className="mb-8">
              <h2 className="text-2xl font-bold mb-4 text-[#06d6a0]">Contact Us</h2>
              <p className="text-gray-300 mb-4">
                If you have any questions about our privacy policy, please contact us through:
              </p>
              <div className="bg-[#061a2c] p-4 rounded-lg">
                <p className="text-gray-300">
                  <strong>Email:</strong> privacy@vitaincubator.com<br />
                  <strong>Address:</strong> VitaIncubator Privacy Office
                </p>
              </div>
            </section>
          </div>
        </div>
      </div>
    </div>
  );
}
